<template >
    <div>
        <brand></brand> 
        <el-card>
             <el-card class="Hys_card">
              <!-- 点击添加用户弹出模态框 然后给这个按钮绑定个事件 将这个事件设置为ture  之后在data里定义数据对象
              更改组件里面的内容 -->
            <el-button type="success" >添加用户</el-button>
                <el-table-column
      label="商品 ID"
      prop="id">
    </el-table-column>
    <el-table-column
      label="角色名称"
      prop="roleName">
    </el-table-column>
    <el-table-column
      label="角色描述"
      prop="roleDesc">
    </el-table-column>
    <el-table-column label="操作" width="300">
          <template v-slot="scope">
            <!-- 修改按钮 -->
            <el-button
              size="mini"
              type="primary"
              icon="el-icon-edit"
              @click="compile(scope.row)"
              >编辑</el-button
            >
            <!-- 删除按钮 -->
            <el-button
              type="danger"
              icon="el-icon-delete-solid"
              size="mini"
              @click="deleteIDs(scope.row)"
              >删除</el-button
            >
            <!-- 设置按钮 -->
            <el-button size="mini" type="warning" icon="el-icon-s-tools"
              @click="show(scope.row)">分配权限</el-button
            >
          </template>
        </el-table-column>
            </el-card>
        </el-card>
    </div>
</template>
<script>
import brand from '../Bread'
export default {
    components:{
        brand
    },
    data() {
        return {
            
        }
    },
}
</script>
<style lang="scss" scoped>
    
</style>